<template>
  <view class="mt-4">
    <wd-card>
      <template #title>
        <text class="font-800">待处理异常:</text>
        <text class="color-blue-4 font-800 ml-2"> 2个</text>
      </template>
      <template #default>
        <view>
          <view v-for="(item,index) in exceptionRecord" :key="index" class="p-2 m-2 rd-3 bg-blue-100 items-center line-height-loose  font-500 color-black flex">
            <text> {{ item.title }}</text>
            <wd-button size="small" :round="false" class="float-right">去处理</wd-button>
          </view>
        </view>
      </template>
    </wd-card>
  </view>
</template>
<script setup lang="ts">
import {ref} from "vue";

const exceptionRecord = ref([
  {id: 1, title: "缺卡: 2024-11-05(星期二) 18:00"},
  {id: 2, title: "缺卡: 2024-11-06(星期三) 09:00"}
])
</script>
<style scoped>

</style>